<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>餐饮</title>
    <link rel="stylesheet" href="../css/ss.css">
    <script src="../js/jquery-3.5.1.js"></script>
    <script src="../js/config.js"></script>
</head>
<body>
<!--插入背景图片-->
<div id="top">
</div>
<!--<div class="top">
    &lt;!&ndash;
    1：根据需求得总共是3个div【在页面进行测试是否拿到】
    2：在第一个div中的内容是居中，定义它的上级为first容器
    &ndash;&gt;
    <div>
        <div>
            <div><img src="../img/logo_g0yv.jpg"/></div>
            <div>
                <div><img src="../img/icon2_03_uc2a.png" height="30" width="30"/></div>
                <div>029-8896545</div>
            </div>
        </div>
    </div>
    &lt;!&ndash;中间部分的导航&ndash;&gt;
    <div>
        <div>
            &lt;!&ndash;设置事件&ndash;&gt;
            <div class="x" >网站首页</div>
            <div class="x" >公司简介</div>
            <div class="x" >新闻动态</div>
            <div class="x" >产品展示</div>
            <div class="x" >在线留言</div>
            <div class="x" >联系我们</div>
        </div>
    </div>
    &lt;!&ndash;广告信息展示部分&ndash;&gt;
    <div>
        <div>
            <div>品味生活·品味美食</div>
            <div>
                <div>一壶茶 彻出了生活的醇美</div>
                <div>一枝花 开出了生活的鲜艳</div>
                <div>一首诗 吟出了生活的酸辛</div>
                <div>一把火 燃烧出了生活的激情</div>
                <div>一枝笔 绘出了人生的五彩缤纷</div>
                <div>一首歌 唱出了人生的喜怒哀惧</div>
                <div>生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>
            </div>
            <div class="s">
                <div>品味</div>
                <div class="si">生活</div>
                &nbsp;&nbsp;&nbsp;
                <div>品味</div>
                <div class="si">美食</div>
            </div>
            <div class="sx">星语餐饮给你生活指南</div>
        </div>
    </div>
</div>-->
<div class="middle">
    <div>
        <!--左边div-->
        <div>
            <div>较新动态</div>
            <div>
                <div><img src="../img/m331.jpg" height="190" width="268"/></div>
                <!--右边div*3-->
                <div>
                    <!--每一层都有两层-->
                    <div>
                        <div>日本较大抹茶餐饮七叶和茶登陆上海</div>
                        <div>  日本较大的抹茶餐饮连锁正式登陆上海,其中</div>
                    </div>
                    <div>
                        <div>北京年内推出早餐“规范店”和“示范店”</div>
                        <div>北京市商务委相关负责人在日前召开的本市</div>
                    </div>
                    <div>
                        <div> 成都餐饮企业进中国餐饮百强可获奖5万</div>
                        <div>成都餐饮企业进2009年度中国餐饮百强榜</div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div>产品信息</div>
            <div class="caipin">
                <div>
                    <div class="dsxiao"><img src="../img/tangchuliyu.jpg" /></div>
                    <div>
                        <div class="name" title="红烧鱼+冬瓜鳕鱼汤">红烧鱼+冬瓜鳕鱼汤</div>
                        <div class="ingredients">菜品配料：品配料菜品配料菜品配料菜品配料菜品配料</div>
                    </div>
                </div>
                <div>
                    <div class="dsxiao"><img src="../img/yipingbaoyu.jpg"/></div>
                    <div>
                        <div class="name">菜品名称</div>
                        <div class="ingredients">菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料菜品配料</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="bottom ">
</div>
</body>
</html>
<script type="text/javascript">
    var divM = document.getElementById("indest");
    divM.onclick = function () {
        alert("indest");
        window.location.href="indest.html";
    };
    var divM = document.getElementById("Company");
    divM.onclick = function () {
        alert("Company");
        window.location.href="Company.html";
    };
    var divM = document.getElementById("news");
    divM.onclick = function () {
        alert("news");
        window.location.href="news.html";
    };
    var divM = document.getElementById("product");
    divM.onclick = function () {
        alert("product");
        window.location.href="product.html";
    };
    var divM = document.getElementById("leave");
    divM.onclick = function () {
        alert("leave");
        window.location.href="leave.html";
    };
    var divM = document.getElementById("info");
    divM.onclick = function () {
        alert("info");
        window.location.href="info.html";
    };

</script>
